{template 'header'}
<style type="text/css">
.new-credit-page .head {
    margin:20px 16px;
    padding:20px;
    border:1px solid rgba(222, 228, 238, 1);
    border-radius:5px;
    box-shadow:0 0 12px -3px #c1c1c1f;
}
.new-credit-page .head .title {
    padding:0 20px;
    color:#1B1C21;
    font-size:16px;
    text-align:center;
    position:relative;
}
.new-credit-page .head .title .rules {
    position:absolute;
    right:0;
    top:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#A3A5B0;
    font-size:.14rem;
}
.new-credit-page .head .title .rules img {
    height:16px;
    width:16px;
    margin-right:5px;
}
.new-credit-page .head .title .rules p {
    margin-top:2px;
    font-weight:400;
}
.new-credit-page .head .current-credit {
    padding-top:10px;
    color:#FF5232;
    font-size:.2rem;
    text-align:center;
    -webkit-letter-spacing:1px;
    -moz-letter-spacing:1px;
    -ms-letter-spacing:1px;
    letter-spacing:1px;
}
.new-credit-page .head .bar {
    margin-top:10px;
    height:4px;
    border-radius:2px;
    background:rgba(222, 228, 238, 1);
}
.new-credit-page .head .bar .bar-schedule {
    width:30%;
    border-radius:2px;
    background-color:#FF5232;
    height:100%;
}
.new-credit-page .head .credit-wrap {
    color:#1B1C21;
    font-size:.14rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin-top:8px;
}
.new-credit-page .head .credit-wrap div {
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-letter-spacing:1px;
    -moz-letter-spacing:1px;
    -ms-letter-spacing:1px;
    letter-spacing:1px;
}
.new-credit-page .head .credit-wrap div:first-child {
    text-align:left;
}
.new-credit-page .head .credit-wrap div:last-child {
    text-align:right;
}
.new-credit-page .main-title {
    padding-top:24px;
    text-align:center;
    color:#1B1C21;
    font-size:.16rem;
    margin:0 16px;
    border-bottom:1px solid rgba(234, 235, 237, 1);
    padding-bottom:10px;
}
.new-credit-page .credit-list {
    padding:15px;
    padding-top:14px;
    background-color:#fff;
    padding-bottom:6px;
    border-radius:0 0 6px 6px;
}
.new-credit-page .credit-list .credit-year-month {
    color:#1B1C21;
    margin-top:20px;
    font-size:.16rem;
}
.new-credit-page .credit-list .credit-item {
    border:1px solid #EAEBED;
    border-top:none;
    padding-top:10px;
    padding-bottom:8px;
    border-right:none;
    border-left:none;
    background-color:#fff;
}
.new-credit-page .credit-list .credit-item .top {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    color:#A3A5B0;
    font-size:.12rem;
    width:100%;
    height:16px;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.new-credit-page .credit-list .credit-item .top .day {
    padding-top:1px;
    padding-right:9px;
}
.new-credit-page .credit-list .credit-item .bottom {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-top:1px;
    color:#1B1C21;
    font-size:.14rem;
    padding-top:2px;
}
.new-credit-page .credit-list .credit-item .bottom .right {
    color:#FF5232;
    font-size:.16rem;
}
.new-credit-page .credit-list .credit-item .bottom .center {
    max-width:2.75rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.new-credit-page .credit-list .credit-item-first {
    border-bottom:1px solid #eee;
}
</style>
        <div class="new-credit-page g-page" style="background-color: rgb(255, 255, 255);">
            <div class="head">
                <div class="title"><b>当前学分</b>
                    <div class="rules" onclick="location.href='{php echo $this->murl('agreement',array('op'=>'bremark'))}'">
                        <img src="https://staticqc.xiaoxiafm.com/image/rules.c4059ab0d4c1d7b704710e5500a543b6.png" alt="">
                        <p>学分规则</p>
                    </div>
                </div>
                <p class="current-credit"><b>{$credit}分</b>
                </p>
                <div class="bar">
                    <div class="bar-schedule" style="width: 2.38095%;"></div>
                </div>
                <div class="credit-wrap">
                    <div><b>{$credit}分</b>
                    </div>
                    <div><b>{$tcredit}分</b>
                    </div>
                </div>
            </div>
            <div class="main-title"><b>学分记录</b>
            </div>
            <div class="credit-list" id="credit-list">
            	{loop $list $t $l}
            	<div>
                    <div class="credit-year-month"><b>{$t}</b>
                    </div>
                    {loop $l $c}
                    <div class="credit-item credit-item-first">
                        <div class="top">
                            <div class="day" style="font-size: 13px;">{$c['day']}</div>
                            <div class="week">{$c['week']}</div>
                        </div>
                        <div class="bottom">
                            <div class="center">{$c['title']}</div>
                            <div class="right"><b>+1</b>
                            </div>
                        </div>
                    </div>
                    {/loop}
				</div>
				{/loop}
            </div>
        </div>
{template 'loading'}
{template 'footer'}